<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"

    >
    <h:head>

        <!-- Title and other stuffs -->
        <title>SGD - ESPOL</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="keywords" content=""/>
        <meta name="author" content=""/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


        <!-- Stylesheets -->
        <link href="../style/bootstrap.css" rel="stylesheet"/>
        <!-- Font awesome icon -->
        <link rel="stylesheet" href="../style/font-awesome.css"/> 
        <!-- jQuery UI -->
        <link rel="stylesheet" href="../style/jquery-ui.css"/> 
        <!-- Calendar -->
        <link rel="stylesheet" href="../style/fullcalendar.css"/>
        <!-- prettyPhoto -->
        <link rel="stylesheet" href="../style/prettyPhoto.css"/>   
        <!-- Star rating -->
        <link rel="stylesheet" href="../style/rateit.css"/>
        <!-- Date picker -->
        <link rel="stylesheet" href="../style/bootstrap-datetimepicker.min.css"/>
        <!-- jQuery Gritter -->
        <link rel="stylesheet" href="../style/jquery.gritter.css"/>
        <!-- CLEditor -->
        <link rel="stylesheet" href="../style/jquery.cleditor.css"/> 
        <!-- Bootstrap toggle -->
        <link rel="stylesheet" href="../style/bootstrap-switch.css"/>
        <!-- Main stylesheet -->
        <link href="../style/style.css" rel="stylesheet"/>
        <!-- Widgets stylesheet -->
        <link href="../style/widgets.css" rel="stylesheet"/>   



        <!-- HTML5 Support for IE -->
        <!--[if lt IE 9]>
        <script src="js/html5shim.js"></script>
        <![endif]-->

        <!-- Favicon -->
        <link rel="shortcut icon" href="../img/favicon/favicon.png"/>

    </h:head>

    <h:body>

        <h:form id="frmProyectos" class="form-horizontal">
            <!--Cabecera -->
            <ui:insert name="header">
                <ui:include src="/prot/templates/secciones/cabecera.xhtml"/>
            </ui:insert>   

            <!-- Main content starts -->

            <div class="content">

                <!--Menu -->
                <ui:insert name="menu">
                    <ui:include src="/prot/templates/secciones/menu.xhtml"/>
                </ui:insert> 


                <!--Contenido -->
                <ui:insert name="content">

                </ui:insert> 



                <!-- Mainbar ends -->	    	
                <div class="clearfix"></div>

            </div>
            <!-- Content ends -->

            <!-- Notificaciones: -->	    	
            <!--ui:insert name="notificaciones">
                <ui:include src="/templates/secciones/notificaciones.xhtml"/>
            </ui:insert--> 


            <!-- Scroll to top -->
            <span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

            <!-- JS -->
            <script src="../js/jquery.js"></script> <!-- jQuery -->
            <script src="../js/bootstrap.js"></script> <!-- Bootstrap -->
            <script src="../js/jquery-ui-1.10.2.custom.min.js"></script> <!-- jQuery UI -->
            <script src="../js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
            <script src="../js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
            <script src="../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

            <!-- jQuery Flot -->
            <script src="../js/excanvas.min.js"></script>
            <script src="../js/jquery.flot.js"></script>
            <script src="../js/jquery.flot.resize.js"></script>
            <script src="../js/jquery.flot.pie.js"></script>
            <script src="../js/jquery.flot.stack.js"></script>

            <script src="../js/jquery.gritter.min.js"></script> <!-- jQuery Gritter -->
            <script src="../js/sparklines.js"></script> <!-- Sparklines -->
            <script src="../js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
            <script src="../js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
            <script src="../js/bootstrap-switch.min.js"></script> <!-- Bootstrap Toggle -->
            <script src="../js/filter.js"></script> <!-- Filter for support page -->
            <script src="../js/custom.js"></script> <!-- Custom codes -->
            <script src="../js/charts.js"></script> <!-- Custom chart codes -->

            


        </h:form>
    </h:body>
</html>
